<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="comm.css">
    <script src="util.js"></script>
    <title>帮助</title>
    <style>
        .top_title {
            padding-bottom: 15px;
            font-size: 18px;
            font-weight: 900;
            color: #ababab;
        }
        .menuList_help {}
        .menuList_help li {
            padding: 12px 3px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            width: 100%;
            font-weight: 400;
            border-bottom: 2px solid #f5f5f5;
            font-size: 18px;
            color: #000000;
        }
        .menuList_help li span:nth-of-type(2) img {
            width: 12px;
        }

    </style>
</head>
<body>
    <div class="content">
        <header class="top_title">
            <span>常见问题</span>
        </header>

        <a id="routerTag" href="" style="display: none;"></a>
        <ul class="menuList_help" id="menuList_help">
            <li>
                <span>1.如何为家人创建APP账号？</span>
                <span><img src="./imgs/right.png" alt=">"></span>
            </li>
            <li>
                <span>2.APP上可以对设备执行的操作</span>
                <span><img src="./imgs/right.png" alt=">"></span>
            </li>
            <li>
                <span>3.什么是临时密码？怎么使用？</span>
                <span><img src="./imgs/right.png" alt=">"></span>
            </li>
            <li>
                <span>4.忘记密码了怎么找回密码？</span>
                <span><img src="./imgs/right.png" alt=">"></span>
            </li>
            <li>
                <span>5.如何使用蓝牙开门？</span>
                <span><img src="./imgs/right.png" alt=">"></span>
            </li>
        </ul>
    </div>
    
    <script>
        const menuUrls = [ "help_createApp.html", "help_operations.html", "help_temporaryPassword.html", "help_forgotPassword.html", "help_UseBluetooth.html" ];

        function initMenuMethods()
        {
            const ulEl = $("#menuList_help");
            const menuList = $("li", ulEl);
            const routerEl = $("#routerTag");

            for (let i = 0; i < menuList.length; i++)
            {
                menuList[i].addEventListener("click", (e) => {
                    routerEl.href = menuUrls[i];
                    routerEl.click();
                })
            }
        }

        initMenuMethods();
    </script>
</body>
</html>